.home_view {
  width: 100%;
  height: 100vh;
  background-size: cover;
}
.home_view_status {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 899;
}
.home_view_section {
  width: 750rpx;
  height: 1004rpx;
  background: rgba(216, 216, 216, 0.1);
  border-radius: 200rpx 200rpx 0rpx 0rpx;
}
.home_view_section_img {
  border-radius: 200rpx 200rpx 0rpx 0rpx;
  width: 750rpx;
  height: 1004rpx;
}
.home_view_content {
  padding-top: 24rpx;
  position: relative;
}
.home_view_content_logo {
  width: 554rpx;
  height: 152rpx;
  margin-left: 20rpx;
}
.home_view_content_action {
  position: absolute;
  right: 0rpx;
  top: 96rpx;
  width: 304rpx;
  height: 56rpx;
  background: rgba(0,0,0,0.2);
  border-radius: 28rpx 0rpx 0rpx 28rpx;
  border: 2rpx solid #A98F69;
  z-index: 99;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
}
.home_view_content_action_info {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  padding-right: 110rpx;
  align-items: center;
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #D8CCB9;
}
.home_view_content_action_remain {
  font-size: 48rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #EECB93;
}
.home_view_content_action_get {
  position: absolute;
  top: 2rpx;
  right: 0;
  width: 120rpx;
  height: 48rpx;
  background-image: url('https://jala-test-images.sndaurl.cn/images/obtain_bg.png');
  background-size: cover;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 28rpx;
  box-sizing: border-box;
  font-size: 22rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #502B0E;
}
.home_view_content_action_get_icon {
  width: 16rpx;
  height: 16rpx;
}
.home_view_container {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  padding-bottom: calc(constant(safe-area-inset-bottom));
	padding-bottom: calc(env(safe-area-inset-bottom));
  z-index: 99;
}
.home_view_container_templates {
  display: -webkit-box;
  flex-direction: row;
  overflow-x: auto;
  padding-left: 24rpx;
  margin-bottom: 68rpx;
  align-items: center;
  width: 100%;
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
}
.home_view_container_templates::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
.home_view_container_templates_item {
  width: 152rpx !important;
  height: 196rpx !important;
  border-radius: 48rpx;
  border: 2rpx solid #C6A678;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8rpx;
  overflow: hidden;
  margin-right: 20rpx;
}
.home_view_container_templates_item_section {
  position: relative;
  width: 136rpx !important;
  height: 180rpx !important;
  border-radius: 48rpx;
  overflow: hidden;
}
.home_view_container_templates_item_img {
  width: 136rpx !important;
  height: 180rpx !important;
  border-radius: 40rpx;
}
.home_view_container_templates_item_text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 136rpx;
  height: 36rpx;
  background: rgba(0,0,0,0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20rpx;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #FFF5E5;
}
.home_view_container_templates_item.active {
  height: 228rpx !important;
  width: 180rpx !important;
  padding: 14rpx;
  background-image: url('https://jala-test-images.sndaurl.cn/images/home/selectedState.png');
  background-size: cover;
  border: 0;
}
.home_view_container_templates_item.active .home_view_container_templates_item_section,
.home_view_container_templates_item.active .home_view_container_templates_item_img {
  width: 152rpx !important;
  height: 200rpx !important;
}
.home_view_container_templates_item.active .home_view_container_templates_item_text {
  width: 152rpx;
  height: 40rpx;
  background: #EECB93;
  font-size: 22rpx;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  color: #502B0E;
}
.home_view_container_templates_item.active .home_view_container_templates_item_text {
  font-weight: bold;
}
.home_view_container_actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.home_view_container_actions_item {
  width: 80rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.home_view_container_actions_item_icon {
  width: 60rpx;
  height: 60rpx;
  margin-bottom: 4rpx;
}
.home_view_container_actions_item_text {
  height: 28rpx;
  font-size: 20rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 28rpx;
}
.home_view_container_actions_btn {
  margin: 0 24rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 32rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #553E1D;
  width: 494rpx;
  height: 92rpx;
  background: linear-gradient(90deg, #FFDDBF 0%, #D3A06D 100%);
  border-radius: 46rpx;
  overflow: hidden;
  position: relative;
}
@keyframes shadowMove {
	0% {
		left: -120%;
	}
	100% {
		left: 120%;
	}
}

.home_view_container_actions_btn::after {
	/* 将子盒子定位到父盒子左边（被隐藏） */
	position: absolute;
	left: -120%;
	top: 0;
	content: "";
	width: 100%;
	height: 100%;
	/* 让子盒子变形为倾斜 */
	transform: skew(-30deg);
	/* 给子盒子一个透明~白色~透明的线性渐变 */
	background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.9), rgba(0, 0, 0, 0));
	animation: shadowMove 2s linear infinite; /* 动画名称、持续时间、动画效果、重复次数（这里是无限循环） */
}
.mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,0.7);
  z-index: 999;
}
.modal_view {
  width: 750rpx;
  /* height: 656rpx; */
  background: linear-gradient(135deg, #F5E8DA 0%, #FFFAF5 100%);
  border-radius: 72rpx 72rpx 0rpx 0rpx;
  position: fixed;
  bottom: 0;
  left: 0;
  transition: all 1s ease-in-out;
  padding: 48rpx 32rpx 80rpx 40rpx;
  box-sizing: border-box;
}
.modal_view_icon {
  width: 156rpx;
  height: 156rpx;
  position: absolute;
  right: 0;
  top: 24rpx;
}
.modal_view_title {
  display: flex;
  flex-direction: row;
  height: 96rpx;
  align-items: center;
  margin-bottom: 76rpx;
}
.modal_view_title_logo {
  height: 96rpx;
  width: 248rpx;
  margin-right: 66rpx;
}
.modal_view_title_name {
  font-size: 40rpx;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #502B0E;
  position: relative;
  height: 96rpx;
  line-height: 96rpx;
}
.modal_view_title_name::before {
  content: '';
  width: 2rpx;
  height: 84rpx;
  background: #D1BDAD;
  position: absolute;
  top: 8rpx;
  left: -40rpx;
}
.modal_view_subtitle {
  text-indent: 48rpx;
  height: 40rpx;
  font-size: 28rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #502B0E;
  line-height: 40rpx;
  margin-bottom: 16rpx;
}
.modal_view_detail {
  padding-left: 64rpx;
  position: relative;
  margin-bottom: 32rpx;
}
.modal_view_detail_icon {
  position: absolute;
  left: 0;
  top: 2rpx;
  width: 48rpx;
  height: 48rpx;
  z-index: 899;
}
.modal_view_detail_content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 24rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #AE9C8C;
  line-height: 40rpx;
}
.modal_view_detail_content_link {
  color: #D75D00;
  text-decoration: underline;
  font-size: 24rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  line-height: 40rpx;
}
.modal_view_action {
  padding: 0 44rpx;
}
.modal_view_action_login {
  width: 582rpx;
  height: 92rpx;
  background: linear-gradient(90deg, #FFDDBF 0%, #D3A06D 100%);
  box-shadow: inset 0rpx 4rpx 8rpx 0rpx rgba(255,255,255,0.13);
  border-radius: 46rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  font-size: 32rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #553E1D;
  margin-bottom: 16rpx;
}
.modal_view_action_cancel {
  height: 40rpx;
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #AE9C8C;
  line-height: 40rpx;
  text-align: center;
}
.modal_tip {
  width: 606rpx;
  background: linear-gradient(135deg, #F5E8DA 0%, #FFFAF5 100%);
  border-radius: 72rpx;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 48rpx;
  box-sizing: border-box;
}
.modal_tip_title {
  height: 52rpx;
  font-size: 36rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #502B0E;
  line-height: 52rpx;
  margin-bottom: 24rpx;
  text-align: center;
}
.modal_tip_content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #502B0E;
  line-height: 44rpx;
  margin-bottom: 8rpx;
}
.modal_tip_content_link {
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #D75D00;
  line-height: 44rpx;
  text-decoration: underline;
}
.mb48 {
  margin-bottom: 48rpx;
}
.modal_tip_action {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.modal_tip_action_item {
  width: 244rpx;
  height: 92rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  box-sizing: border-box;
  font-size: 32rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  border-radius: 46rpx;
}
.modal_tip_action_item.cancel {
  box-shadow: inset 0rpx 0rpx 8rpx 0rpx rgba(255,255,255,0.18);
  border: 2rpx solid #EECB93;
  color: #EECB93;
}
.modal_tip_action_item.sure {
  background: linear-gradient(90deg, #FFDDBF 0%, #D3A06D 100%);
  box-shadow: inset 0rpx 4rpx 8rpx 0rpx rgba(255,255,255,0.13);
  color: #553E1D;
}

.show {
  bottom: 0;
  opacity: 1;
}

